<template>
  <div class="audition77">
    <v-md-preview :text="text1" />
  </div>
</template>

<script>
const prefix = '``` html'
const suffix = '```'
export default {
  name: 'Audition77',
  data() {
    return {
      text1: `${prefix}
      渐进增强 progressive enhancement： 
          1. 针对低版本浏览器进行构建页面，保证最基本的功能，
            然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。
          2. 渐进增强观点则认为应关注于内容本身。
            内容是我们建立网站的诱因。
            有的网站展示它，有的则收集它，有的寻求，有的操作，
            还有的网站甚至会包含以上的种种，但相同点是它们全都涉及到内容。
            这使得“渐进增强”成为一种更为合理的设计范例。
            这也是它立即被 Yahoo! 所采纳并用以
            构建其“分级式浏览器支持 (Graded Browser Support)”策略的原因所在。

      优雅降级 graceful degradation：
          1. 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。
          2. 优雅降级观点认为应该针对那些最高级、最完善的浏览器来设计网站。
            而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段，
            并把测试对象限定为主流浏览器（如 IE、Mozilla 等）的前一个版本。

      区别：
          1. 优雅降级是从复杂的现状开始，并试图减少用户体验的供给
          2. 渐进增强则是从一个非常基础的，能够起作用的版本开始，并不断扩充，
            以适应未来环境的需要
          3. 降级（功能衰减）意味着往回看；
            而渐进增强则意味着朝前看，同时保证其根基处于安全地带
      \n${suffix}`,
    }
  }
}
</script>

<style>

</style>